<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Test Page</title>
<script src="simple.js"></script>
<head>
<body>
<div id="div1">
<p>
<a href="#hello" title="hello link" class="ca1 ca2" rel="" rel1="3"><b>hello</b> link</a>
<br/>
<span class="c1">span.c1</span>
</p>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<div id="div11" class="c2">
	<div id="div111" class="c3">
		div#id3.c3
		<p>
			<i>i am a bird.</i>
		</p>
		<select name="sel1">
			<option value="option1value">option1</option>
			<option value="option2value">option2</option>
			<option value="option3value">option3</option>
		</select>
		<select name="sel2">
			<option value="option1value">option1</option>
			<option value="option2value">option2</option>
			<option value="option3value">option3</option>
		</select>
		<form name="form1" action="#action" method="get">
			<input name="action" value="action"/>
			<label>check1<input name="check1" value="checkbox1value" type="checkbox" checked="checked"/></label>
			<label>check2<input name="check2" value="checkbox2value" type="checkbox"/></label>
			<label>radio1<input type="radio" name="radio1" value="radio1value"/></label>
			<label>radio2<input type="radio" name="radio1" value="radio2value"/></label>
			<label>radio3<input type="radio" name="radio1" value="radio3value"/></label>
		</form>
	</div>
	<div id="div112">
		<div id="div1121">
			<b><span>div1121</span></b>
		</div>
	</div>
	<div id="div113"></div>
	<div id="div114"></div>
</div>
<div id="div12">
	<div id="div121"><span><i>div121</i></span></div>
	<div id="div122"><span><b>div122</b></div>
</div>
</div>
<script>
$(function(){
console.log('dom ready!');	
});
function fun (a,b,c){
console.log([a,b,c]);	
}

var obj = {
	name : 'baboo',
	age : 18,
	sex : 'male'	
};

var fun1 = fun.special(1);

var fun2 = fun.special(undefined, 1);

fun1(2,3);

fun2(2,3);

var arr = [1, 5, 3, 8];

console.log('$.vlaues(obj)=' + $.values(obj));
console.log('$.keys(obj)=' + $.keys(obj));
console.log('$.values(arr)=' + $.values(arr));
console.log('$.keys(obj)=' + $.keys(arr));

function C () {
	return new C.prototype.init();	
}

C.fn = C.prototype = {
	init : function () {
		return this.setArray();	
	},
	setArray : function () {
		this.length = 0;
		Array.prototype.push.apply(this, [3,5,7]);	
		return this;
	},
	get : function (i) {
		if (i === undefined) return [3,5,7];
		return this[i];	
	},
	index : function (i) {
		return this[i];	
	},
	splice : function () {},
	
}

C.fn.init.prototype = C.fn;


</script>
</body>
</html>
